iT邦幫忙

2024 iThome 鐵人賽

DAY 27
0
佛心分享-IT 人自學之術

區塊鏈技術應用系列 第 27

如何在 Web3.js 中監聽智能合約事件

  • 分享至 

  • xImage
  •  

在 Web3.js 中,監聽智能合約事件是一個非常有用的功能,可以用來追踪區塊鏈上發生的特定操作或狀態變更,像是收到捐款或成功提款。當智能合約觸發事件時,我們可以使用 Web3.js 來監聽這些事件並在前端動態顯示結果。

1.部署智能合約
* 包含了兩個事件:ContributionReceived 和 Withdrawn。
https://ithelp.ithome.com.tw/upload/images/20241010/201692383c1VSa9LJk.png

2.在前端使用 Web3.js 監聽事件
* 每當有新的事件被觸發時,前端界面會即時收到通知。
https://ithelp.ithome.com.tw/upload/images/20241010/2016923883Mc25GyVN.png
* ContributionReceived: 當有人向智能合約捐款時,這個事件會被觸發。程式碼會即時在控制台顯示捐款者的地址和捐款金額。
* Withdrawn: 當合約擁有者提取資金時,這個事件會觸發,並顯示提取操作的相關資訊。
* 錯誤處理:如果事件監聽過程中出現錯誤,會透過 on('error') 來捕捉並顯示錯誤訊息。
* 如果想監聽特定範圍的區塊,可以在事件監聽中設置 fromBlock 和 toBlock

Web3.js 提供了強大的工具來監控區塊鏈上的智能合約事件,這使得前端應用程式能夠即時響應區塊鏈上的變化。無論是捐款事件還是資金提取操作,都可以通過事件觸發來立即通知前端,這大大提升了應用的互動性。


上一篇
前端交互測試
下一篇
Crowdfunding
系列文
區塊鏈技術應用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言